<%@ page contentType="text/html;charset=UTF-8" %>
<%@ include file="/common/taglib.jsp" %>

<form:form action="${ctx}/acctUser/list" modelAttribute="query" id="queryForm" name="queryForm" method="get" style="display: inline;">

<fieldset> 
		<legend>搜索</legend>
		<div class="form-group">			

			<div class="row offset4"> 				

				<div class="col-md-2 col-xs-4"><label><fmt:message key="AcctUser.loginName.title"/> </label> </div>
				
				<div class="col-md-3 col-xs-8"> 
					<form:input path="loginName" id="loginName" cssClass="form-control" maxlength="45" class=""/> 
				</div>


				<div class="col-md-2 col-xs-4"><label><fmt:message key="AcctUser.userName.title"/> </label> </div>
				
				<div class="col-md-3 col-xs-8"> 
					<form:input path="userName" id="userName" cssClass="form-control" maxlength="250" class=""/> 
				</div>



			</div>
			<div class="row offset4"> 				

				<div class="col-md-2 col-xs-4"><label><fmt:message key="AcctUser.gender.title"/> </label> </div>
				
				<div class="col-md-3 col-xs-8"> 
					<form:input path="gender" id="gender" cssClass="form-control" maxlength="5" class="validate-integer max-value-32767"/> 
				</div>


				<div class="col-md-2 col-xs-4"><label><fmt:message key="AcctUser.password.title"/> </label> </div>
				
				<div class="col-md-3 col-xs-8"> 
					<form:input path="password" id="password" cssClass="form-control" maxlength="45" class=""/> 
				</div>



			</div>
			<div class="row offset4"> 				

				<div class="col-md-2 col-xs-4"><label><fmt:message key="AcctUser.mobilePhone.title"/> </label> </div>
				
				<div class="col-md-3 col-xs-8"> 
					<form:input path="mobilePhone" id="mobilePhone" cssClass="form-control" maxlength="45" class=""/> 
				</div>


				<div class="col-md-2 col-xs-4"><label><fmt:message key="AcctUser.homePhone.title"/> </label> </div>
				
				<div class="col-md-3 col-xs-8"> 
					<form:input path="homePhone" id="homePhone" cssClass="form-control" maxlength="45" class=""/> 
				</div>



			</div>
			<div class="row offset4"> 				

				<div class="col-md-2 col-xs-4"><label><fmt:message key="AcctUser.workPhone.title"/> </label> </div>
				
				<div class="col-md-3 col-xs-8"> 
					<form:input path="workPhone" id="workPhone" cssClass="form-control" maxlength="45" class=""/> 
				</div>

			</div>

		</div>
	</fieldset>
	<div class="handleControl"> 
		<input type="submit" class="btn btn-primary" style="width:80px" value="<fmt:message key="navigation.button.query"/>" onclick="getReferenceForm(this).action='${ctx}/acctUser/list'"/>
		<input type="submit" class="btn btn-success" style="width:80px" value="<fmt:message key="navigation.button.new"/>" onclick="getReferenceForm(this).action='${ctx}/acctUser/create.do'"/>
		<input type="button" class="btn btn-danger" style="width:80px" value="<fmt:message key="navigation.button.delete"/>" onclick="batchDelete('${ctx}/acctUser/delete','items',document.forms.queryForm)"/>
	</div>
	
	<div class="panel-body">	
		<div class="table-responsive">	
			<table class="table table-bordered table-striped table-condensed table-collapsible">
				<thead>
				  
				  <tr>
					<th style="width:1px;"> </th>
					<th style="width:1px;"><input type="checkbox" onclick="setAllCheckboxState('items',this.checked)"></th>
					
					<th><fmt:message key="AcctUser.loginName.title"/> </th>
					<th><fmt:message key="AcctUser.userName.title"/> </th>
					<th><fmt:message key="AcctUser.gender.title"/> </th>
					<th><fmt:message key="AcctUser.mobilePhone.title"/> </th>
					<th><fmt:message key="AcctUser.homePhone.title"/> </th>
					<th><fmt:message key="AcctUser.workPhone.title"/> </th>
					<th><fmt:message key="AcctUser.lastLoginDate.title"/> </th>		
					<th><fmt:message key="navigation.label.operation"/></th>
				  </tr>
				  
			  </thead>
			  <tbody>
			  <c:forEach items="${page.result}" var="item" varStatus="status">
			  	  
				  <tr>
					<td data-label="序号">${page.thisPageFirstElementNumber + status.index}</td>
					<td><input type="checkbox" name="items" value="id=${item.id}&"></td>
					
					<td data-label="<fmt:message key="AcctUser.loginName.title"/>"><c:out value='${item.loginName}'/>&nbsp;</td>
					<td data-label="<fmt:message key="AcctUser.userName.title"/>"><c:out value='${item.userName}'/>&nbsp;</td>
					<td data-label="<fmt:message key="AcctUser.gender.title"/>"><c:out value='${item.gender}'/>&nbsp;</td>
					<td data-label="<fmt:message key="AcctUser.mobilePhone.title"/>"><c:out value='${item.mobilePhone}'/>&nbsp;</td>
					<td data-label="<fmt:message key="AcctUser.homePhone.title"/>"><c:out value='${item.homePhone}'/>&nbsp;</td>
					<td data-label="<fmt:message key="AcctUser.workPhone.title"/>"><c:out value='${item.workPhone}'/>&nbsp;</td>
					<td data-label="<fmt:message key="AcctUser.lastLoginDate.title"/>"><c:out value='${item.lastLoginDate}'/>&nbsp;</td>
					<td data-label="<fmt:message key="navigation.label.operation"/>">
						<a href="${ctx}/acctUser/show?id=${item.id}&" class="btn btn-info"><fmt:message key="navigation.button.view"/></a>&nbsp;&nbsp;&nbsp;
						<a href="${ctx}/acctUser/edit?id=${item.id}&" class="btn btn-warning"><fmt:message key="navigation.button.edit"/></a>
					</td>
				  </tr>
				  
			  	  </c:forEach>
			  </tbody>
			</table>
		</div>
	</div>
	
</form:form>